	<%@ include file="/common/taglibs.jsp"%>

	<a id="media" name="media"></a>
	<!--  
	Video
	www.vimeo.com
	www.youtube.com
	www.dailymotion.com
	www.slideshare.net
	-->
	<c:forEach var="media" items="${article.medias}" varStatus ="status">
			<c:if test="${media.mediaType.id ==4}">
				<div class="hoverboxout">					
						${media.url}				
				</div>
			</c:if>
	</c:forEach>

	<!--  
	Images
	www.flikr.com
	www.picasa.com
	-->
	<!-- one -->
	<c:if test="${imageMediaNr == 1}">
	<c:forEach var="media" items="${article.medias}" varStatus ="status">
			<c:if test="${media.mediaType.id==3}">
				<div class="hoverboxout">					
						<a href="${media.link}"><img title="${media.description}" class="imageSize" src="${media.url}" /></a>				
				</div>
			</c:if>
	</c:forEach>		
	</c:if>
	<!-- more -->
	<c:if test="${imageMediaNr > 1}">
	<script type="text/javascript">
		function startGallery() {
			var myGallery = new gallery(Moo.$("myGallery"), {
				timed: false
			});
		}
		window.onDomReady(startGallery);
	</script>
	<div class="hoverboxout">
		<div id="myGallery">
			<c:forEach var="media" items="${article.medias}" varStatus ="status">
				<c:if test="${media.mediaType.id ==3}">
					<div class="imageElement">
						<h3>${media.title}</h3>
						<p>${media.description}</p>
						<a href="${media.url}" title="open image" class="open"></a>
						<img src="${media.url}" class="full" />
						<img src="${media.url}" class="thumbnail" />
					</div>
				</c:if>
			</c:forEach>
		</div>
	</div>
	</c:if>
